@font-face {
    font-family: icon;
    src: url('./icon.woff2');
}

.ico{
    font-family: icon !important;
}

html{
    height:100vh;
    width:100vw;
}


html,body{
    --main:#218f4b;
    --mt:#248f4f7c;
    padding:0;margin:0;
    background:#1E1E1E;
    color:#fff;
    -webkit-tap-highlight-color: #0005;
    font-family: 'HarmonyOS Sans SC';
    user-select: none;
}
body{
    animation: fade .3s;
}
@keyframes fade {
    from{opacity: 0;}
}
a[href],a[href]:visited,a[href]:active{
    text-decoration: none !important;
    color:#fff !important
}

h1{
    margin:100px 20px 0px 20px;
    position: sticky !important;
    top:-2px;
    padding:15px 0;
    background:#1E1E1E;
    font-size: 32px;
}

::selection{
    background:var(--mt)
}

#add, #edit{
    display:block;
    background:var(--main);
    height:50px;
    width:50px;
    border-radius: 50%;
    box-shadow: #0005 0 15px 20px;
    line-height:50px;
    text-align: center;
    font-size:22px;
    font-weight: 800;
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:9999;
}

